<template>
  <div class="rank" @click="toDetail(childMsg.id)">
    <div class="leftImg">
      <img :src="childMsg.imgUrlIcon" alt="">
    </div>
    <div class="leftContent">
      {{childMsg.name}}
    </div>
  </div>
</template>

<script>
export default {
  name: 'recomendList',
  props: [ 'childMsg' ],
  data () {
    return {
      msg: ''
    }
  },
  methods: {
    toDetail (id) {
      this.$router.push({path: '/detail', query: { userId: id }})
    },
    toUp (id) {
      this.$router.push({path: '/classify', query: {tag: id}})
    }
  }
}
</script>
<style scoped>
  .leftImg{

   }
  .leftImg img{
    width: 100px;
    height: 100px;
  }
</style>
